<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>01JS的三种引入方式</title>
</head>
<body>
<!--1.行内写法 写在对应的HTML元素上
onclick""给元素绑定一个点击按钮，点击元素时执行“”里的代码
alert（‘请先登录！’）显示弹窗，括号里是要展示的文本
console.log（‘哈哈哈哈’）向浏览器控制台输出指定文本-->
<button onclick="alert('请先登录')">点击即玩</button>
<button onclick="console.log('哈哈哈哈')">点击即玩</button>
<div class="d1">哈哈哈</div>
<!--2.内部写法：推荐写在doby结束之前
id值相当于当前HTML元素-->
<script>
    console.log(d1)
    console.log('看看执行了没')
</script>
<script src="01.js"></script>
<!--3.引入外部的JS文件
注意，如果此标签用作引入外部JS，则标签内不能写JS代码，不会执行-->
<script src="01.js">
    console.log('1看看执行了没')
    console.log('2看看执行了没')
    console.log('3看看执行了没')
</script>
</body>
</html>